import React, { Component } from 'react'
import Footer from "@/components/Footer"
import style from "./index.module.scss"
import Firstlevel from './Components/SideBar/SideBar'
import Showside from './Components/ShowSide/ShowSide'
import { SearchBar} from 'antd-mobile'
export default class index extends Component {
  render() {
    return (
      <div className={style.home}>
        <h1> 分类</h1>
        <div className={style.top}>
          <SearchBar className={style.SearchBar}
            placeholder='请输入内容'
            style={{ '--background': '#ffffff' }}
          />
          <div className={style.show}>
            <div className={style.left}>
              <Firstlevel></Firstlevel>
            </div>
            <div className={style.right}>
              <Showside></Showside>
            </div>
          </div>
        </div>
        <div className={style.bottom}>
          <Footer></Footer>
        </div>
      </div>
    )
  }
}
